// 用户页面头部信息
import React from 'react'

import PropTypes from 'prop-types'; // 数据类型检查（之函数组件使用）

// 函数参数可以传递过来，不能用this来获取
export default function UserHeader(props) {
    return (
        <h1>
            {/* 用户列表： */}
            {props.title} {props.children}
        </h1>
    )
}

// 组件名点PropTypes
UserHeader.propTypes = {
    // 具体属性参考 https://www.npmjs.com/package/prop-types
    title: PropTypes.string
    //children: PropTypes.number.isRequired 是数字必须存在
}

UserHeader.defaultProps = {
    title: '没传title，我是默认的'
}
